<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>QQ音乐播放器</title>
		
		<link rel="stylesheet" type="text/css" href="../css/jquery.mCustomScrollbar.css"/>
		<link rel="stylesheet" type="text/css" href="../css/index.css"/>
		<script src="jquery-3.5.1.js">
			
		</script>
		<script src="jquery.mCustomScrollbar.concat.min.js">	
		</script>
        <script src="player.js"></script>
        <script src="progress.js"></script>
        <script src="lyric.js"></script>
		<script src="index.js">
			
		</script>
	</head>
	<div class="header">
		<h1 class="logo"><a href="#"></a></h1>
		<ul class="regaster">
			<li>登陆</li>
			<li>设置</li>
		</ul>
	</div>
	<div class="content">
		<div class="content_in">
			<div class="left">
				<div class="content_toolbar">
					<span><i></i>收藏</span>
					<span><i></i>添加到</span>
					<span><i></i>下载</span>
					<span class="delmusic"><i></i>删除</span>
					<span class="movemusic"><i></i>清空列表</span>
				</div>
				<div class="content_list" data-mcs-theme="dark">
					<ul>
						<li class="list_title">
							<div class="list_check"><i></i></div>
							<div class="list_number"></div>
							<div class="list_name">歌曲</div>
							<div class="list_singer">歌手</div>
							<div class="list_time">时长</div>
						</li>
						<!--<li class="list_music">
							<div class="list_check "><i></i></div>
							<div class="list_number">2</div>
							<div class="list_name">神坑破败之王
							<div class="list_menu">
								<a href="javascript:;" title="播放"></a>
								<a href="javascript:;" title="添加"></a>
								<a href="javascript:;" title="下载"></a>
								<a href="javascript:;" title="分享"></a>
							</div>
							
							</div>
							<div class="list_singer">杨佳伟</div>
							<div class="list_time">
								<a href="javascript:;" title="删除"></a>
								<span>04:18</span>
							
							</div>
						</li>-->
						
					</ul>
				</div>
			</div>
			<div class="right">
				<div class="song_info">
					<a href="javascript:;" class="song_info_pic">
						<img src="../img/qqmusic-master/qqmusic-master/images/lnj.jpg"/>
					</a>
					<div class="song_info_name">歌曲名称
						<a href="javascript:;">从零玩转编程开发</a>
					</div>
					<div class="song_info_singer">歌手名
						<a href="javascript:;">李南江</a>
					</div>
					<div class="song_info_ablum">专辑名
						<a href="javascript:;">从零玩转编程系列</a>
					</div>
					<div class="song_lyric_contianer">
					<ul class="song_lyric">
				</ul>
				</div>
				</div>
				
				
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="footer_in">
			<a href="javascript:;"class="music_pre"></a>
			<a href="javascript:;"class="music_play"></a>
			<a href="javascript:;"class="music_next"></a>
			<div class="music_progress_info">
				<div class="music_progress_top">
				   <div class="music_progress_name">从零玩转编程/李南江</div>
				   <div class="music_progress_time">00:00/05:23</div>
				</div>
				<div class="music_progress_bar">
					<div class="music_progress_line"></div>
					<div class="music_progress_dot"></div>
				</div>
			</div>
			<a href="javascript:;"class="music_mode"></a>
			<a href="javascript:;"class="music_fav"></a>
			<a href="javascript:;"class="music_down"></a>
			<a href="javascript:;"class="music_comment"></a>
			<a href="javascript:;"class="music_only"></a>
			<div class="music_voice_info">
				<a href="javascript:;"class="music_voice_icon"></a>
				<div class="music_voice_bar">
					<div class="music_voice_line"></div>
					<div class="music_voice_dot"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="mask_bg"></div>
	<div class="mask"></div>
    <audio src=""></audio>
	<body>
	</body>
</html>
